<template>

   <div style="height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; display: flex; background: darkgrey">
      <div style="width: 200px; padding-left: 30px; font-weight: bold; color: black">后台管理</div>
      <div style="flex: 1;"></div>
      <div style="width: 150px;">

        <el-row class="block-col-2">
          <el-col :span="8">
            <el-dropdown>
            <span class="el-dropdown-link">
              张三<i class="el-icon-arrow-down el-icon--right"></i>
            </span>
              <template #dropdown>
                <el-dropdown-menu>
                  <el-dropdown-item icon="el-icon-plus">个人信息</el-dropdown-item>

                  <el-dropdown-item icon="el-icon-check" @click="$router.push('/login')">退出系统</el-dropdown-item>

                </el-dropdown-menu>
              </template>
            </el-dropdown>
          </el-col>
        </el-row>


      </div>
   </div>

</template>

<script>
export default {
   name:'',
   data () {
      return {

      };
   },

   mounted() {},

   methods: {}
}
</script>

<style>
.el-dropdown-link {
  cursor: pointer;
  color: black;
  font-weight: bold;
}
.el-icon-arrow-down {
  font-size: 14px;
  font-weight: bold;
}
</style>




